<script setup>
import { ref } from 'vue'
</script>

<template>
  <div>
    <h1 class="row-title">普通引入</h1>
    <div class="row">
      <lee-card
        img-src="/web.png"
        summary="前端主流布局，系统进阶与实战"
      ></lee-card>
      <lee-card
        img-src="go.png"
        summary="Google资深工程师深度讲解Go语言 由浅入深掌握Go语言"
      >
        <!-- 插槽内部的内容样式由用户自己决定 -->
        <template #footer>
          <div class="footer">
            <div class="level">中级 · 5225人报名</div>
            <div class="price">￥399.00</div>
          </div>
        </template>
      </lee-card>
    </div>
    <h1 class="row-title">设置宽高</h1>
    <div class="row">
      <lee-card img-src="java.png" :width="368" :img-height="90">
        <div>
          路线吃透面试学问，伴随身为Java工程师的你一路成长，高效充分准备面试拿offer。
        </div>
        <!-- 插槽内部的内容样式由用户自己决定 -->
        <template #footer>
          <div class="footer-java">
            <div class="level">3步骤 · 3门课</div>
            <div class="level">10982收藏</div>
          </div>
        </template>
      </lee-card>
    </div>
  </div>
  <!-- 卡片3 -->
</template>

<style scoped></style>
